<template>
  <div class="homePage">
    <div class="welcome">
      <p>{{hoursTip}}</p>
      欢迎登录金久后台管理系统
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      hoursTip:''
    }
  },
  created (){
　　this.getMycount();
  },
  methods: {
    getMycount: function() {
      let self = this;
      let date = new Date();
      if (date.getHours() >= 0 && date.getHours() < 12) {
        self.hoursTip = "上午好 !";
      } else if (date.getHours() >= 12 && date.getHours() < 18) {
        self.hoursTip = "下午好 !";
      } else {
        self.hoursTip = "晚上好 !";
      }
    }
  }
}
</script>


<style>
.welcome {
  color: rgb(107, 106, 106, 0.5);
  font-size: 40px;
  font-weight: 700;
  font-style: italic;
  text-align: center;
  /* line-height: 300px; */
}
</style>
